<template>
 <div>
       <img class="swi-img" :src="arr"/>
        <div class="lijian1">
          <h1>第二件减40元</h1>
          <p>完美日记|名片|唇釉新年限定<span class="iconfont icon-new"></span><p/>
          <div class="jia">到手价 ￥<span>549</span>起</div>
        </div>
      </div>

</template>

<script>
import getlink from "@/apis/getapi.js";
export default {
  data() {
    return {
      arr: "",
    };
  },
   mounted() {
    getlink("/data/list/lists").then((ok) => {
      console.log(ok.data.data);
      this.arr =ok.data.swiper[0];
    });
  },
components:{



}

}
</script>

<style scoped>

.swi-img {
  height: 4rem;
  width: 100%;
}
.lijian1 {
  padding-top: 0.2rem;
  height: 1.1rem;
  text-align: center;

  background-color: antiquewhite;
    margin-bottom: 20px;
}
.lijian1 p{
  width: 1.8rem;
   margin: 5px auto;
}
.jia {
  width: 1.6rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-color: rgb(185, 42, 42);
  margin: 0 auto;
  color: white;
}
.jia span {
  font-size: 20px;
  font-weight: 600;
}
.icon-new{
 color: rgb(185, 42, 42);
  font-size: 25px;
}
</style>